body{
    width: 100%;
    height: 100%;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.header{
    display: flex;
    width: 100%;
    z-index: 66;
    background: #FFFFFF;
    border-bottom: 1px solid #ccc;   
    .left{
        width: 20%;         
        .weixin{
            width: 100%;                      
          img{
            .px2rem(width,70);
            .px2rem(height,60);
            padding: 5%;
        }  
        }               
        
    }
    .center{
        width: 58%;
        p{
            text-align: center;
            .px2rem(font-size,32);
            padding-top: 1%;
        }
    }
    .right{
        width: 22%;
          .sousuo{
            width: 100%;          
            img{             
              .px2rem(width,70);
              .px2rem(height,60);
               padding-top: 5%;
            }   
          }        
          .quan{
               padding-top: 5%;
               padding-right: 2%; 
            img{
               .px2rem(width,50);
               .px2rem(height,40);              
            }                               
          }                   
    }
}
.hang{
    display: flex;
    background: #eee;
    width: 100%;
    ul{
        width: 100%;
        li{
           width: 25%;    
          margin-top: 3%;
           float: left;
           border-radius: 24px; 
           a{
             text-decoration: none;
             img{
              .px2rem(width,54);
              .px2rem(height,60);
               padding: 2%;              
             }
             span{              
              margin-top: 11%;
              .px2rem(font-size,30);
              color: #000 ;                    
               }
               
            }
       }         
   } 
   ul li:hover{
       background: green;
         
   }  
   .dianji{
       background: green;
   }
}
.tupian{
    width: 100%;
    height: 1100px;
    .px2rem(margin-bottom, 143);
    dl{
        width: 50%;
        float: left;
        margin-top: 4%;
        dt{
            padding-left: 4%;
            img{
              .px2rem(width,341);
              .px2rem(height,337);
               padding: 2%;           
            }
        } 
        dd{       
          .px2rem(font-size,30); 
          font-weight: 700;
           padding: 1%; 
        }
        .yan{
            color: green;
            span{
                color: #ccc;
                padding-left: 8%;
            }
        }       
    }
}
.tail{
    position: fixed;
    bottom: 0;
    left: 0;
    background: #FFFFFF;
     width: 100%;
    ul{
        display: flex;      
        li{
            width: 20%;          
            padding: 3%;  
            img{
              .px2rem(width,90);
              .px2rem(height,78);
                 
            }
        }
    }
}

.xiala{
    position: absolute;
    top:16%;
    left: 0;
    z-index: 20;
    background: #fff;
    display: none;
    width: 100%;
    
    ul{
        li{
            width: 28%;
            height: 38px;
            border: 1px solid #ccc;
            text-align: center;
            .px2rem(font-size,34);
            float: left;
            line-height: 38px;
            border-radius: 24px;
            margin: 2%;
        }
    }
    p{
       width: 100%;
       float: left;
       text-align: center;
       .px2rem(font-size,28);
       color: #ccc;
       padding: 3%;
    }
}
.jing{
    position: absolute;
    top:16%;
    left: 0;
    z-index: 20;
    background: #fff;
    display: none;
    width: 100%;
    ul{
        li{
            width: 28%;
            height: 38px;
            border: 1px solid #ccc;
            text-align: center;
            .px2rem(font-size,34);
            float: left;
            line-height: 38px;
            border-radius: 24px;
            margin: 2%;
        }
    }
    p{
       width: 100%;
       float: left;
       text-align: center;
       .px2rem(font-size,28);
       color: #ccc;
       padding: 3%;
    }
}
.yuyan{
    position: absolute;
    top:16%;
    left: 0;
    z-index: 20;
    background: #fff;
    display: none;
    width: 100%;
    ul{
        
        li{
            width: 28%;
            height: 38px;
            border: 1px solid #ccc;
            text-align: center;
            .px2rem(font-size,34);
            float: left;
            line-height: 38px;
            border-radius: 24px;
            margin: 2%;
        }
    }
    p{
       width: 100%;
       float: left;
       text-align: center;
       .px2rem(font-size,28);
       color: #ccc;
       padding: 3%;
    }
}

































































